@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 640px){
body{ position:relative; right:0; font:normal .22rem/.34rem 'Arial','Microsoft YaHei';}
button:focus,input:focus{ outline:none; -webkit-appearance:none; -webkit-tap-highlight-color:transparent;}
a,button,label,input,textarea,i,span,li{ -webkit-tap-highlight-color:transparent; appearance:button; -moz-appearance:button;}
body.open{ overflow:hidden; right:80%;}

body,.header ul,.header{ display:block; transition:0.4s; -moz-transition:0.4s; -webkit-transition:0.4s; -o-transition:0.4s;}

.header{ width:6.4rem; height:.9rem; position:fixed; top:0; right:0; box-shadow:0 0 0 rgba(102,102,102,0); border-bottom:1px solid #eee;}
.header h1{ width:auto; height:auto; left:.1rem; top:.2rem;}
.header h1 img{ width:auto; height:.5rem;}
.header a.phMenu{ display:block; width:.9rem; height:.9rem; position:absolute; right:0; background:url(../images/phMenuBg.png) no-repeat center center; background-size:.5rem .5rem;}
.header ul.menu{ display:block; width:80%; height:100%; padding-top:.4rem; background:#333; box-sizing:border-box; position:fixed; left:100%; overflow-y:auto;}
.header ul.menu li{ width:100%; height:auto; font-size:.24rem; padding:0; line-height:.76rem; border-bottom:1px solid #3c3c3c; text-align:left;}
.header ul.menu li a{ display:block; color:#999; padding:0 .5rem;}
.header ul.menu li a.drop{ background:url(../images/menuLiBg.png) no-repeat 90% center; padding:0 .5rem;}
.header ul.menu li a:hover{ color:#999; font-weight:normal;}
.header ul.menu li p{ background:#f5f5f5;}
.header ul.menu li.on{ background:#ec7245; overflow:hidden; float:left;}
.header ul.menu li.on a{ color:#fff;}
.header ul.menu li.on a.drop{ background:url(../images/menuLiBgA.png) no-repeat 90% center;}
.header ul.menu li.on p{ position:relative; left:0; margin:0; width:100%; height:auto; float:left; box-shadow:0 0 0 rgba(0,0,0,0)}
.header ul.menu li.on p a{ display:block; height:.7rem; font-size:.22rem; line-height:.7rem; border:0; color:#333; text-indent:.1rem; border-bottom:1px solid #eee;}
.open .header{ right:80%}
.open .header a.phMenu{ background:url(../images/phMenuBgClose.png) no-repeat center center; background-size:.5rem .5rem;}
.open .header ul.menu{ left:20%;}

/*    焦点图    */
.focus{ height:3.5rem; padding-top:.9rem;}
.focus .fsNum{ height:3px;}
.focus .fsNum ul{ height:3px;}
.focus .fsPic{ position:relative; z-index:0; }
.focus .fsPic li a{ height:3.5rem; background-repeat:no-repeat; background-position:center center; background-size:auto 4.5rem;}

/*    公用    */
h3.conTit{ padding-top:.4rem; font:normal .34rem/.4rem 'Arial','Microsoft YaHei';}
h3.conTit span{ display:block; width:.6rem; height:4px; background:url(../images/homeTitBg.png) no-repeat center bottom; background-size:.6rem 4px; padding-top:.15rem;}
p.conFont{ padding-top:.12rem;}
p.conFont i{ display:none;}
p.conFont b{ font-size:.24rem; line-height:.3rem; letter-spacing:0; padding:0;}

/*    服务项目    */
.serCon{ width:100%; background:none;}
.serCon ul{ padding:.4rem 0; overflow:hidden;}
.serCon ul li{ width:6rem; height:1.3rem; padding:.1rem .2rem; float:left;}
.serCon ul li h4{ width:4.8rem; font-size:.26rem;}
.serCon ul li span{ top:.46rem; left:1.2rem;}
.serCon ul li p{ width:4.8rem; font-size:.22rem; line-height:.34rem; top:.56rem;}
.serCon ul li a i{ width:1rem; height:1rem; border-radius:0;}
.serCon ul li p,.serCon ul li h4{ right:0;}
.serCon ul li a:hover i{ box-shadow:0px 0px 0px rgba(223,223,223,0);}
.serCon ul li a:hover p{ color:#999;}
.serCon ul li a i.Dljz,.serCon ul li a:hover i.Dljz{ background:url(../images/iconDljzPh.png) no-repeat center top; background-size:.9rem .9rem}
.serCon ul li a i.Cwgw,.serCon ul li a:hover i.Cwgw{ background:url(../images/IconCwgwPh.png) no-repeat center top; background-size:.9rem .9rem}
.serCon ul li a i.Gszc,.serCon ul li a:hover i.Gszc{ background:url(../images/IconGszcPh.png) no-repeat center top; background-size:.9rem .9rem}
.serCon ul li a i.Vip,.serCon ul li a:hover i.Vip{ background:url(../images/IconVipPh.png) no-repeat center top; background-size:.9rem .9rem}
.serCon ul li a i.Kjpx,.serCon ul li a:hover i.Kjpx{ background:url(../images/IconKjpxPh.png) no-repeat center top; background-size:.9rem .9rem}
.serCon ul li a i.Sjyz,.serCon ul li a:hover i.Sjyz{ background:url(../images/IconSjyzPh.png) no-repeat center top; background-size:.9rem .9rem}
.serCon ul li a i.Sbdl,.serCon ul li a:hover i.Sbdl{ background:url(../images/IconSbdlPh.png) no-repeat center top; background-size:.9rem .9rem}
.serCon ul li a i.Jybl,.serCon ul li a:hover i.Jybl{ background:url(../images/IconJyblPh.png) no-repeat center top; background-size:.9rem .9rem}

/*    选择我们    */
.choseCon .ccRight{ width:100%; height:auto; padding:.6rem 0 .16rem 0; overflow:hidden; text-align:center;}
.choseCon .ccRight h5{ font-size:.34rem; line-height:.4rem; color:#fff;}
.choseCon .ccRight span.ccrLine{ width:.8rem; height:2px; left:2.8rem; background:#fff; top:1.3rem;}
.choseCon .ccRight ul{ width:100%; padding-top:1rem;}
.choseCon .ccRight ul li{ width:2.6rem; height:1rem; padding:.6rem .3rem .1rem .3rem; font-size:.22rem; line-height:.3rem; text-align:left;}
.choseCon .ccRight ul li.NumA{ background:url(../images/choseNumA.png) no-repeat .3rem 0; background-size:1.18rem .52rem;}
.choseCon .ccRight ul li.NumB{ background:url(../images/choseNumB.png) no-repeat .3rem 0; background-size:1.2rem .52rem;}
.choseCon .ccRight ul li.NumC{ background:url(../images/choseNumC.png) no-repeat .3rem 0; background-size:1.6rem .52rem;}
.choseCon .ccRight ul li.NumD{ background:url(../images/choseNumD.png) no-repeat .3rem 0; background-size:2.38rem .52rem;}

/*    关于我们    */
.aboutCon{ background:url(../images/homeAboutBg.jpg) no-repeat center bottom; background-size:auto 3rem; padding:.2rem 0 .5rem 0;}
.aboutCon .acWord{ width:6rem; padding:.3rem .2rem; box-sizing:border-box; font-size:.22rem; line-height:.36rem; text-indent:2em;}
.aboutCon .acWord b{ font-size:.26rem;}

/*    新闻&问题    */
.listCon{ padding:0.3rem 0;}
.listCon .lcCon{ width:6.4rem; padding-top:.6rem;}
.listCon .tabBox{ width:6rem; height:auto; overflow:hidden; padding-top:0; margin:0 .2rem;}
.tabBox .nbTit{ margin:0 .2rem; height:.8rem; font-size:.26rem; line-height:.8rem;}
.tabBox .nbTit ul li{ height:.8rem; margin-right:.2rem;}

.tabBox .nbCon ul{ padding:.2rem; padding-bottom:0;}
.tabBox .nbCon li{ width:5.6rem; height:1.1rem; padding:0 0 .2rem 0; margin:0 0 .2rem 0; border-bottom:1px dashed #eee;}
.tabBox .nbCon li h5,.tabBox .nbCon li p{ left:1.4rem; width:4.1rem;}
.tabBox .nbCon a.nbcMore{ display:none; width:0; height:0;}
.tabBox .nbCon li i{ width:1rem; height:.3rem; font-size:.3rem; line-height:.3rem; left:.1rem; bottom:.88rem;}
.tabBox .nbCon li h5{ height:.3rem; font-size:.22rem; bottom:.9rem;}
.tabBox .nbCon li p{ height:.6rem; font-size:.2rem; line-height:.3rem; bottom:.2rem;}
.tabBox .nbCon li:hover{ background:none; box-shadow:0 0 0 rgba(225,225,225,0);}
.tabBox .nbCon li:hover i{ left:.1rem;}
.tabBox .nbCon li:hover h5,.tabBox .nbCon li:hover p{ width:4.1rem; left:1.4rem;}

.listCon .questBox{ width:6rem; height:auto; padding:0; margin:.4rem .2rem; padding-top:.1rem;}
.questBox h4{ font-size:.26rem; height:.8rem; line-height:.8rem; padding:0 .2rem; box-sizing:border-box;}
.questBox span{ width:.46rem; height:3px; right:.2rem; top:.36rem;}
.questBox ul{ padding:0 .2rem 0.2rem 0.2rem; overflow:hidden;}
.questBox ul li{ width:5.6rem; height:1.2rem; padding:0; padding-top:.2rem;}
.questBox ul li h5{ width:100%; height:.3rem; padding-left:.5rem; font-size:.22rem; top:.2rem; line-height:.3rem; background:url(../images/homePhQiconA.png) no-repeat 0 0; background-size:.3rem .3rem;}
.questBox ul li p{ width:100%; height:.7rem; padding-left:.5rem; font-size:.2rem; line-height:.34rem; top:.6rem; box-sizing:border-box; background:url(../images/homePhQiconB.png) no-repeat 0 0; background-size:.3rem .3rem}

.footer .footTop{ width:6.4rem; padding:.2rem 0; padding-bottom:1.3rem; text-align:center;}
.footer .footTop .other{ width:5.8rem; height:auto; padding:0 .3rem; font-size:.22rem; line-height:.4rem; color:#999; text-align:center;}
.footer .footTop img{ width:1rem; height:1rem; position:absolute; left:2.7rem; top:1.5rem;}
.footer .footBot{ font-size:.2rem; line-height:.3rem; padding:.1rem 0; border-top:1px solid #eee;}
.footer a.footTel{ display:block; width:4rem; text-align:center; background:#ec7245; height:.7rem; font-size:.26rem; line-height:.7rem; color:#fff; border-radius:100em; box-shadow:0 .1rem .2rem rgba(236,114,69,.4); margin:.3rem auto .1rem auto;}

p.Phone,ul.menu span,.ccLeft,p.ccrTit,.acWord i,.aboutCon img,a.nbcMore,.footTop .menu,.footMid{ display:none; width:0; height:0; overflow:hidden;}
}